@charset "utf-8";

body {
  margin: 0;
  text-align: center;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
}

div {
  position: absolute;
  font-family: BOYSCOUT;
  color: rgb(20, 20, 20);
  z-index: 0;
}

div ~ div {
  z-index: 1;
}

.imgDiv .legend01 {
  margin-top: 8.5%;
  margin-left: 28%;
  width: 10%;
  height: 10%;
  display: inline-block;
}

.imgDiv .legend02 {
  margin-top: 8.5%;
  margin-left: 52%;
  width: 10%;
  height: 10%;
  display: inline-block;
}

.imgDiv .legend3 {
  margin-top: 14%;
  margin-left: 26%;
  width: 10%;
  height: 10%;
  display: inline-block;
}

.imgDiv .legend4 {
  margin-top: 20%;
  margin-left: 21%;
  width: 10%;
  height: 10%;
  display: inline-block;
}

.imgDiv .legend5 {
  margin-top: 20%;
  margin-left: 59%;
  width: 10%;
  height: 10%;
  display: inline-block;
}

.imgDiv .legend6 {
  margin-top: 29%;
  margin-left: 19%;
  width: 10%;
  height: 10%;
  display: inline-block;
}

.imgDiv .legend7 {
  margin-top: 29%;
  margin-left: 62%;
  width: 10%;
  height: 10%;
  display: inline-block;
}

.imgDiv .legend8 {
  margin-top: 38%;
  margin-left: 23%;
  width: 10%;
  height: 10%;
  display: inline-block;
}

.imgDiv .legend9 {
  margin-top: 38%;
  margin-left: 60%;
  width: 10%;
  height: 10%;
  display: inline-block;
}

.imgDiv .legend10 {
  margin-top: 47%;
  margin-left: 20%;
  width: 10%;
  height: 10%;
  display: inline-block;
}

.bodyArea:hover {
  cursor: pointer;
}

.imgDiv .legendArea0 {
  margin-top: 10%;
  margin-left: 45.4%;
  width: 4.6%;
  height: 5.5%;
  display: inline-block;
}

.imgDiv .legendArea3 {
  margin-top: 14.7%;
  margin-left: 45.4%;
  width: 4.6%;
  height: 2%;
  display: inline-block;
}

.imgDiv .legendArea4 {
  margin-top: 21%;
  margin-left: 38.4%;
  width: 4.6%;
  height: 6.5%;
  display: inline-block;
}

.imgDiv .legendArea5 {
  margin-top: 19.7%;
  margin-left: 43%;
  width: 10%;
  height: 19%;
  display: inline-block;
}

.imgDiv .legendArea7 {
  margin-top: 33.7%;
  margin-left: 42%;
  width: 10.5%;
  height: 4%;
  display: inline-block;
}

.imgDiv .legendArea8 {
  margin-top: 36.5%;
  margin-left: 38%;
  width: 5%;
  height: 7%;
  display: inline-block;
}

.imgDiv .legendArea9 {
  margin-top: 22%;
  margin-left: 53%;
  width: 4%;
  height: 42.6%;
  display: inline-block;
}

.imgDiv .legendArea101 {
  margin-top: 47.5%;
  margin-left: 40.3%;
  width: 5.4%;
  height: 8.5%;
  display: inline-block;
}

.imgDiv .legendArea102 {
  margin-top: 46.5%;
  margin-left: 48%;
  width: 5.4%;
  height: 8.5%;
  display: inline-block;
}

